<template>
  <div>
    <home-bread-crumb></home-bread-crumb>
    <h1>About</h1>
    <h2>{{ count }}</h2>
    <about-son></about-son>
  </div>
</template>

<script setup>
import { useCounterStore } from '@/stores/counter.js'
import { storeToRefs } from 'pinia'
import AboutSon from '@/components/about/AboutSon.vue'

import HomeBreadCrumb from '@/components/home/HomeBreadCrumb.vue'

const counterStore = useCounterStore()
const { count } = storeToRefs(counterStore)
</script>
<style lang="scss" scoped></style>
